<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Songs</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/font-awesome.css">
  <link rel="stylesheet" href="css/app.css">
  <link href="//fonts.useso.com/css?family=Open+Sans:400,300" rel="stylesheet" type="text/css">
</head>

<body class="page">
  <header class="header">
    <a href="home.html"><i class="fa fa-expand"></i></a>
    <h1><i class="fa fa-music"></i> Songs</h1>
    <a href="list.html"><i class="fa fa-list"></i></a>
  </header>
  <section class="main">
    <div class="list">
      <ol>
        <li>
          <a href="item.html">
            <span class="num">001</span>
            <div class="info">
              <h3 class="title">一生中最爱</h3>
              <span class="artist">谭咏麟</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/谭咏麟.jpg" alt="谭咏麟"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">002</span>
            <div class="info">
              <h3 class="title">合久必婚</h3>
              <span class="artist">李克勤</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/李克勤.jpg" alt="李克勤"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">003</span>
            <div class="info">
              <h3 class="title">送情郎(2010.12.11 德云二队张一元晚场)</h3>
              <span class="artist">岳云鹏</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/岳云鹏.jpg" alt="岳云鹏"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">001</span>
            <div class="info">
              <h3 class="title">一生中最爱</h3>
              <span class="artist">谭咏麟</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/谭咏麟.jpg" alt="谭咏麟"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">002</span>
            <div class="info">
              <h3 class="title">合久必婚</h3>
              <span class="artist">李克勤</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/李克勤.jpg" alt="李克勤"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">003</span>
            <div class="info">
              <h3 class="title">送情郎(2010.12.11 德云二队张一元晚场)</h3>
              <span class="artist">岳云鹏</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/岳云鹏.jpg" alt="岳云鹏"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">001</span>
            <div class="info">
              <h3 class="title">一生中最爱</h3>
              <span class="artist">谭咏麟</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/谭咏麟.jpg" alt="谭咏麟"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">002</span>
            <div class="info">
              <h3 class="title">合久必婚</h3>
              <span class="artist">李克勤</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/李克勤.jpg" alt="李克勤"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">003</span>
            <div class="info">
              <h3 class="title">送情郎(2010.12.11 德云二队张一元晚场)</h3>
              <span class="artist">岳云鹏</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/岳云鹏.jpg" alt="岳云鹏"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">001</span>
            <div class="info">
              <h3 class="title">一生中最爱</h3>
              <span class="artist">谭咏麟</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/谭咏麟.jpg" alt="谭咏麟"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">002</span>
            <div class="info">
              <h3 class="title">合久必婚</h3>
              <span class="artist">李克勤</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/李克勤.jpg" alt="李克勤"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">003</span>
            <div class="info">
              <h3 class="title">送情郎(2010.12.11 德云二队张一元晚场)</h3>
              <span class="artist">岳云鹏</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/岳云鹏.jpg" alt="岳云鹏"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">001</span>
            <div class="info">
              <h3 class="title">一生中最爱</h3>
              <span class="artist">谭咏麟</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/谭咏麟.jpg" alt="谭咏麟"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">002</span>
            <div class="info">
              <h3 class="title">合久必婚</h3>
              <span class="artist">李克勤</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/李克勤.jpg" alt="李克勤"></div>
          </a>
        </li>
        <li>
          <a href="item.html">
            <span class="num">003</span>
            <div class="info">
              <h3 class="title">送情郎(2010.12.11 德云二队张一元晚场)</h3>
              <span class="artist">岳云鹏</span>
            </div>
            <span class="duration">04:50</span>
            <div class="photo"><img src="img/岳云鹏.jpg" alt="岳云鹏"></div>
          </a>
        </li>
      </ol>
    </div>
  </section>
</body>

</html>
